<!-- saved from url=(0014)about:internet -->
<html lang="en">

    <!--
    Smart developers always View Source.

    This application was built using Adobe Flex, an open source framework
    for building rich Internet applications that get delivered via the
    Flash Player or to desktops via Adobe AIR.

    Learn more about Flex at http://flex.org
    // -->

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>        
        <script src="http://dependencydiagram.googlecode.com/svn/trunk/html/assets/DependencyDiagram.js" type="text/javascript"></script>      
        <!--  BEGIN Browser History required section -->
    


        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    </head>

    <body>


        <script type="text/javascript"> 
		    google.load("swfobject", "2.2");
            google.load('visualization', '1');
            google.setOnLoadCallback(initialize);
            function initialize(){
              var query = new google.visualization.Query('http://spreadsheets.google.com/ccc?key=0AlAivx-aYWQtdEtlQUV6dXJBVFBMekxhM3hPT3l0a3c&hl=en');
 			  query.setQuery("select *");
 			  query.send(handleQueryResponse);
 				
 				var data = new google.visualization.DataTable();
				data.addColumn('string', 'Product');
				data.addColumn('string', 'Type');
				data.addColumn('number', 'East');
				data.addColumn('number', 'West');
				data.addColumn('date', 'South');
				data.addRows([
				  ['Green beans', 'Vegetables', 100, 100, new Date(1982, 11, 7)],
				  ['Avocado', 'Vegetables', 50, 400, new Date(1982, 11, 7)],
				  ['Tomatos', 'Vegetables', 200, 400, new Date(1982, 11, 7)],
				  ['Cucumbers', 'Vegetables', 500, 1000, new Date(1982, 11, 7)],
				  ['Apples', 'Fruit', 1700, 2300, new Date(1991, 11, 7)],
				  ['Bananas', 'Fruit', 800, 700, new Date(1982, 11, 7)],
				  ['Oranges', 'Fruit', 200, 300, new Date(1972, 11, 7)],
				  ['Pineapples', 'Fruit', 100, 150, new Date(1982, 11, 7)],
				  ['Broccoli', 'Vegetables', 800, 1000, new Date(1982, 11, 7)],
				  ['Wholemeal', 'Bread', 250, 100, new Date(1982, 11, 7)],
				  ['Bagels', 'Bread', 120, 300, new Date(1982, 11, 7)],
				  ['Baguette', 'Bread', 50, 300, new Date(1965, 11, 7)],
				  ['Ciabatta', 'Bread', 200, 300, new Date(1985, 11, 7)],
				  ['Croissants', 'Bread', 400, 600, new Date(2010, 1, 1)],
				  ['white bread', 'Bread', 500, 200, new Date(2010, 1, 1)]
				]);
 				 
               //var myViz = new visual.dependencyDiagram(document.getElementById("visual"));
              
               //myViz.draw(data, {showLineNumber: true});
		
            }
            function handleQueryResponse(response) {
			
			
                if (response.isError()) {
                    alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
                    return;
                }
				 var data = response.getDataTable(); 
               // Instantiate our table object.
                var myViz = new visual.dependencyDiagram(document.getElementById("visual"));
              
                myViz.draw(data);

			
            }
	
     
        </script>

       <div id="visual" style="width:800px; height:600px; position:relative;">
        	<img src="http://dependencydiagram.googlecode.com/svn/trunk/html/assets/preloader.gif" style="position:absolute;left:113px;top:182px;"/>
        </div>
    </body>
</html>
